﻿/* DEFAULTS
----------------------------------------------------------*/

body 
{
    font-family: Arial;
    font-size: 9pt;
    margin: 0px auto;
    padding: 0px;
    color: #505050;
    line-height: 130%;
    background: #F2F2F2 url(../images/bgbody.jpg);
}

#kpage 
{
    width: 990px;
    margin: 0 auto;
    padding: 0 12px;
    background: white;
}

#ktop 
{
    width: 990px;
    margin: 0 auto;
    height: 113px;
    background: white;
}

#ktop .logo 
{
    width: 210px;
    float: left;
}

#ktop .banner 
{
    width: 780px;
    float: left;
    text-align:right;/*Thu hien da sua*/
    padding-top: 10px;
    margin: 0 0px 0 0;
}



/* HEADINGS   
----------------------------------------------------------*/

h1 
{
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;

}

#ktop .logo h1 
{
}

a 
{
    text-decoration: none;
    color: black;
}

a:-webkit-any-link 
{
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}

img 
{
    border: 0px;
}

p 
{
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

p, form 
{
    margin: 0px;
    padding: 0px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/




/* TAB MENU   
----------------------------------------------------------*/

#kmenu 
{
    background: url(../images/menu-bg.gif) repeat-x;
    width: 990px;
    margin: 0 auto;
}

#kmenu .menu1 
{
    width: 990px;
    margin: 0 auto;
}

.menu1-tl 
{
}

.menu1-tr 
{
}

.menu1-tc 
{
    overflow: hidden;
    height: 30px;
}

.menu1 ul 
{
    list-style-type: none;
}

ul 
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul, menu, dir 
{
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.menu1 li 
{
    margin: 0px;
    display: inline;
}

li 
{
    margin: 0px;
    padding: 0px;
    display: list-item;
    text-align: -webkit-match-parent;
}

.menu1 #mn_home span 
{
    background: url("../images/home-icon.gif") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}

.menu1 a  
{
    color: #9D9D9D;
    display: block;
    float: left;
    font-weight: bold;
    padding: 8px 7px 8px 8px;
    text-decoration: none;
}

.menu1 a:hover, .menu1 li.selected a 
{
    background: url("../images/menu1-hover.gif") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
}

.menu1-line 
{
    background: url(../images/menu1-line.gif) no-repeat 0 0;
    width: 2px;
    height: 30px;
    padding: 0px;
    display: block;
    float: left;
}

.clear 
{
	clear: both;
}

/* FOOTER
----------------------------------------------------------*/

#kfooter 
{
	background: url('../images/footer-bg.gif') repeat-x 50% top;
	clear: left;
	width: 100%;
	text-align: center;
	padding: 4px 0;
	width: 990px;
	margin: 0 auto;
	height: 65px;
}

#kfooter .kfooter 
{
	width: 990px;
	margin: 0px auto;
}

#kfooter .menu-footer 
{
	padding-top: 2px;
	height: 28px;
	width: 720px;
	float: left;
	text-align: center;
}

#kfooter .menu-footer a 
{
	margin-right: 10px;
	font-size: 9pt;
	color: #9D9D9D;
}

#kfooter .menu-footer li 
{
    display: inline;
    background: url(../images/icon-submenufooter.gif) no-repeat top right;
    padding-right: 12px;
    padding-left: 5px;
}

.clear 
{
	clear: both;
}

.zheight 
{
	height: 8px;
}

td[width=5%] 
{
	width: 5%;
}

title 
{
	display: none;
}

/* MAIN  
----------------------------------------------------------*/

#kmain 
{
	width: 990px;
	margin: 0 auto;
	padding-top: 8px;
	padding-bottom: 8px;
	background: white;
}

#kcontent 
{
	float: left;
	width: 100%;
}

#kcontentcolumn 
{
	margin: 0 0px 0 0px;
}

.kcenter 
{
	margin: 0px 0px 0px 0px;
}

/*
td
{
	background-image:url(../images/bg_about.jpg);
	display: table-cell;
	vertical-align: inherit;
	width:990px;
	height:350px;
}*/

/*
td[background=../images/bg_about.jpg] 
{
	background-image: url(../images/bg_about.jpg);
	width:990px;
	height:350px;
	display: table-cell;
	vertical-align: inherit;
}
*/

/* PRODUCTS  
----------------------------------------------------------*/

td[background=../images/bg_left.jpg] 
{
    background-image: url(../images/bg_left.jpg);
    width:231px;
}
/*
td[width=231] 
{
    width: 500px;
}*/

td[valign=top] 
{
    vertical-align: top;
}

.top-left 
{
    /*background: url(../images/top-left-bg.gif) no-repeat;*/
    /*padding-top: 40px;*/
}

.title
{
    color:#186096;
    padding:0px;
    float:left;
    font-size:17px;
    margin:5px 0 5px 10px;
    width: 200px;
}

.title_search
{
    color:Black;
    padding:0px;
    float:left;
    font-size:12px;
    margin:0px 15px 0px 15px;
    width: 200px;        
}

.title_search1
{
    color:Black;
    padding:0px;
    float:left;
    font-size:12px;
    margin:0px 0px 0px 0px;
    width: 200px;        
}

span.title_icon
{
    float:left;
    padding:0 0px 0 0px;
    width: 25px;
    margin-left: 0px;
}

span.title_icon1
{
    float:left;
    padding:0 0px 0 25px;
    width: 25px;
    margin-left: 0px;
}

span.title_icon_products
{
    float:left;
    padding:0 0px 0 10px;
    width: 26px;
    margin-left: 0px;
}

.boxpanel_top_products
{
}

.boxpanel-header-text_top_products
{
	padding: 0px 0px 0px 0px;
	float: left;
    width: 755px;
}

.boxpanel-header-text-right_top_products
{
    float: right;
    text-align: right;
    color: #483CEB;
    padding-top: 8px;
    width: 330px;
    height: 24px;
}

.title_cart
{
    color:#ee4699;
    padding:0px;    
    font-size:14px;
    margin:0px 0 0px 0px;
    height: auto;
    float:left;
    width: 117px;
}

a.view_cart
{
    display:block;
    float:right;
    margin:0px 0 0 0px;
    color:#ee4699;
    width: 51px;
    
}

.home_cart_content
{
    float:right;
    padding:0px;
    border:1px #eeedee solid;
    margin:0px 0 0 0px;
    width:155px;
    height:auto;
}

/* SEARCH   
----------------------------------------------------------*/

.butfsearch 
{
    background: url(../images/butfsearch.gif) no-repeat;
    float: left;
    height: 25px;
    margin: 0 auto;
    padding-top: 5px;
    text-align: left;
    width: 197px;
}

.butfsearch input 
{
    border-color: inherit;
    border-style: none;
    border-width: medium;
    color: #BDBDBD;
    margin: 0 -5px 0 6px;
    padding: 0 0 0 5px;
}
.tim2 {
    background-color: inherit;
    background-image: url("../images/kinh5.gif");
    border:1px ;
    height: 25px;
    padding-top: 5px;
    width: 25px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.boxpanel 
{
	width: 990px;
	margin: 0 auto;
}

.boxpanel-header 
{
	background:#EBEBEB;
	height: 30px;
	border-bottom: 1px solid #DEDEDE;
	color: #5F5F5F;
}

.boxpanel-header-text 
{
	padding: 0px 0px 0px 0px;
	float: left;
	width: 990px;
}

.boxpanel-header-text-left 
{
    /*
	width: 315px;
	float: left;
	text-align:center;
	padding-top: 0px;
	color:#483CEB;
    height: 25px;
    */
    color: #483CEB;
    float: left;
    font-size: 12px;
    height: 24px;
    margin: 2px 0 0 10px;
    padding-top: 0;
    text-align: left;
    width: 400px;
}

.boxpanel-header-text-right 
{
    width: 320px;
    float:right;
    text-align:center;    
    color: #483CEB;
    padding-top: 8px;
}

span.red
{
	color:#42b1e5;
	padding:0 0 0 5px;	padding:0 0 0 5px;
}

.boxpanel-header-text-right a.selected
{
	padding:2px 2px 0 2px;
	border:1px #CCCCCC solid;
}

.boxpanel-zela  
{
    background: url("../images/boxpanel-zela-bg.gif") repeat-x scroll 0 0 transparent;
    height: 35px;
    margin-bottom: 8px;
}

.st_divcss 
{
    border: none;
    padding: 0px;
    margin: 0px;
}

img.productdetail 
{
    top: 5px;
    position: relative;
}

td[background=../images/line_d.gif] 
{
    background-image: url("../images/line_d.gif");
    width: 5px;

}

td[background=../images/line_n.gif] 
{
    background-image: url("../images/line_n.gif");
    width:5px;
    vertical-align: middle;
}


.bortop 
{
    background-image: url('../images/BorTop.png');    
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 10px;
    width: 200px;
    background-color: transparent;
}

.borleft 
{
    background-image: url(../images/BorLeft.png);
    background-position: left top;
    background-repeat: repeat-y;
    background-color:White;
}

.borright 
{
    background-image: url(../images/BorRight.png);
    background-position: right top;
    background-repeat: repeat-y;
}

.search 
{
    background-image: url(../images/Title_bg.png);
    background-repeat: repeat-x;
    height: 29px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 5px;
}

.btnsearch 
{
    background-image: url(../images/btnSearch.png);
    width: 81px;
    height: 24px;
    border: 0;
    margin:15px;    margin: 10px;
}

.btndangNhap
{
   /* background-image: url(../images/btnSearch.png);*/
    width: 81px;
    height: 24px;
    border: 1;
    margin:15px;    
   /* margin: 10px;*/
}

.borbottom 
{    
    background-image: url(../images/BorBottom.png);    
    background-repeat: no-repeat;
    height: 6px;
    width: 200px;
    background-color: white;
    margin-bottom: 3px;
}

.pagging-bottom 
{
    height: 40px;
    background: url(../images/pagging-bottom-bg.gif) repeat-x;
    text-align: center;
    padding-top: 5px;
}

.pagging 
{    
    float: left;
    padding-top: 5px;
    width: 350px;
}

.new_prod_box
{
    /*
    float:left;
    text-align:center;
    padding:0px 0 0 10px;
    height: 126px;
    width: 200px;
*/
}

.new_prod_box a{
padding:5px 0 5px 0;
color:#b5b5b6;
text-decoration:none;
display:block;
}
.new_prod_bg{
width:140px;
height:100px;
text-align:center;
background:url(images/new_prod_box.gif) no-repeat center;
position:relative;
	top: 0px;
	left: -10px;
}


/* DM Products   
----------------------------------------------------------*/


ul.list
{
    clear:both;
    padding:0px 0 0 4px;
    margin:0px;
    font-size:12px;
}

ul.list li
{
    list-style:none;
    /*background:url('images/border.gif') no-repeat center bottom;*/
    padding-left: 33px;
    height: 44px;
    line-height: 44px;
    border-top: solid 1px #D8D8D9;
    width: 177px;
    text-align: left;
}

ul.list li:first-child 
{
    border: none;
}

ul.list li a
{
    list-style:none;
    text-decoration:none;
    color: #4D4D4D;
    background:url('../images/icon-arrow-right.png') no-repeat left;
    padding: 0 10px 0 20px;
    display: block;
    text-align: left;
    overflow: hidden;
    width: 147px;
    height: 44px;
}

ul.list li a.active, ul.list li a:hover 
{
    color: #4D4D4D;
    font-weight: bold;
    text-decoration: none;
}

::selection 
{
    background: #ED1C24;
    color: white;
}

.sub-menu 
{
    display: none;
    border: solid 1px #CCC;
    z-index: 2;
    position: relative;
}

.sub-menu li 
{
    background: whiteSmoke;
}

/* GIỚI THIỆU SẢN PHẨM 02
----------------------------------------------------------*/

.main-item 
{
    position: relative;
    float: left;
    width: 190px;
    margin-right: 23px;
    text-align: center;
    height: 235px;
    overflow: hidden;
    margin-bottom: 10px;
}

.main-item img 
{
    border: solid 1px #E8E8E8;
    margin-bottom: 5px;
}

.main-item p 
{
    color: #747474;
    font-size: 11px;
    margin-bottom: 5px;
}

.main-item h3, .main-item .price-box .price 
{
    color: #00518C;
    font-weight: bold;
}

h3 
{
    color: #00518C;
    border-bottom: solid 1px #00518C;
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin: 10px 0px 10px 0px;    
    
}

.main-item .price-box 
{
    position: relative;
    top: -20px;
    margin: 5px 0 10px;
}

.price-box p 
{
    margin-top: 3px;
}

.special-price 
{
    margin: 0;
}

.special-price .price-label 
{
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
}

.price 
{
    color: #00518C;
    font-weight: bold;
    font-size: 13px;
    white-space: nowrap !important;
}

.main
{
}

.main h2 
{
    font-size: 14px;
    color: #00518C;
    margin-bottom: 24px;
    line-height: 44px;
    border-bottom: solid 1px #E8D3AD;
    font-weight: bold;
}

.main-items
{
    overflow: hidden;
    width: 759px;
    min-height: 1015px;
}

.paginator 
{
    margin: 5px 0 0 0;
    border-top: solid 1px #00518C;
}

.pager 
{
    font-size: 11px;
    background: white  0 100% repeat-x;
    padding: 4px 8px;
    text-align: center;
}

.pager .amount 
{
    float: left;
    margin: 0;
}

.pager .limiter 
{
    float: right;
}

.pager .pages 
{
    margin: 0 140px;
}

.pager .limiter label 
{
    vertical-align: middle;
}

.pager .limiter select 
{
    padding: 0;
    margin: 0 0 1px;
    vertical-align: middle;
}

.pager .pages ol 
{
    display: inline;
}

.pager .pages li 
{
    display: inline;
    margin: 0 2px;
    text-align: -webkit-match-parent;
}

.paginator a.next:hover 
{
    background: url(../images/icon-arrow-right-blue-9x10.png) no-repeat center center;
}

.paginator a.brower 
{
    text-indent: -9999px;
    width: 9px;
    height: 10px;
}

.paginator a 
{
    display: inline-block;
    color: #878787;
    width: 19px;
    height: 19px;
    line-height: 19px;
    margin: 0 2px;
    border: solid 1px white;
}

.view
{
    float:right;
    width: 75px;
    margin: 0 12px 0 0;
}

.view-more 
{
    color: #00518C;
    position: absolute;
}

a:hover {
text-decoration: underline;
}

.full-items-sub-item 
{
    width: 140px;
    height: 140px;
    float: left;
    /*position: relative;*/
}

.full-items-sub td {
border: solid 1px #E8E8E8;
}

.full-items-sub
{}

/* Trang chi tiet san pham
----------------------------------------------------------*/

.chitiet 
{
    margin: 0px  0 0 0;
}

.chitiet td 
{
    border: solid 1px #00518C;
}

.abc
{
    margin: 10px;
    padding: 0px;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    font-size: 20px;
}

.product-detail-left
{
    height: 27px;
    width: 100px;
}

.old-price 
{
    margin: 0;
}

.price-label1
{
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    margin: 0 0 0 10px;
    color: #747474;
}

.line-detail 
{
    border-bottom: solid 1px #D2D2D2;
    margin: 10px 0 10px 10px;
}

.line-detail-1
{
    border-bottom: solid 1px #00518C;
}

.rounded 
{        
    -webkit-border-top-left-radius: 5px;
    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;  
}

.sidebar {
display: block;
}

.alpha {
margin-left: 0;
}

.grid_4 {
width: 225px;
}

.sidebar h2 
{
    left: 0px;
    width: 225px;
    font-size: 14px;
    text-align: center;
    color: white;
    height: 40px;
    line-height: 40px;
    /*background: #005693;*/
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#005693), to(#002541));
    background: -moz-linear-gradient(#005693, #002541);
    background: #005693;
    /*-pie-background: linear-gradient(#005693, #002541);*/
    top: 0px;
    margin: 0 0 0 0;
}
